:root {
  //字体
  --font_color1: black;
  --font_color2: black;
  --form_fontcolor: #606266;
  //table
  --table_double_row_bgcolor: #eff7fe;
  --table_single_row_bgcolor: white;
  --table_bgcolor: #F7F9FE;
  --table_fontcolor: black;
  --table_head_fontcolor: black;
  --current_row_color: #BECCEA;
  --hover_row_color: rgba(190, 204, 234, 0.4);
  // input
  --input_bordercolor: none;
  --input_bgcolor: white;
  --input_fontcolor: black;
  --input_disabled_bordercolor: none;
  --input_disabled_bgcolor: none;
  --input_disabled_fontcolor: #5f6063;
  // button
  --button_color1: #026FFF;
  --button_color2: #026FFF;
  --native_button_color: white;
  --native_button_fontcolor: black;
  --pause_button_color: #F4F5F7;
  --pause_button_bordercolor: #026FFF;
  --pause_button_fontcolor: #026FFF;
  --message_button_color1: #026FFF;
  --message_button_color2: #026FFF;
  --message_button_color3: white;
  --icon_disabled_button_color: gray;
  //背景
  --body_bgcolor: #F4F5F7;
  --background_color1: white;
  --background_color2: #1B2B71;
  // dialog
  --dialog_head_color: #026FFF;
  --dialog_body_color: none;
  // tree
  --tree_color: none;
  --tree_content_color: #4086e4;
  --tree_bordercolor: #bdb1b1;
  // container
  --container_body_color: none;
  // card
  --card_color1: #fff;
  --card_bgcolor: #fff;
  --card_head_bgcolor: none;
  --card_head_fontcolor: black;
  --card_head_bottom_bordercolor: #e6ebf5;
  --card_body_bgcolor: none;
  --card_body_fontcolor: black;
  // tab
  --tab_head_color: snow;
  --tab_item_color: #BECCEA;
  --tab_acitive_color: #1B2B71;
  // popover
  --popover_bgcolor: none;
  // tagView
  --tag_bgcolor: white;
  --tag_view_bgcolor: white;
  --tag_view_fontcolor: black;
  --tag_view_active_bgcolor: orange;
  --tag_view_active_fontcolor: white;
  // splitpanes
  --splitpanes_color: snow;
  // collapse
  --collapse_head_bgcolor: #eff3fb;
  --collapse_head_fontcolor: black;
  --collapse_body_bgcolor: #fff;
  // checkbox
  --checkbox_fontcolor: #606266;
  // pagination
  --pagination_btncolor: #f4f4f5;
  --pagination_fontcolor: #606266;
  // divider
  --divider_color: #DCDFE6;
}
$themes: (
  light: (
    // 主题
    theme: #026FFF,
    //字体
    font_color1: black,
    font_color2: black,
    form_fontcolor: #606266,
    //table
    table_double_row_bgcolor: #eff7fe,
    table_single_row_bgcolor: white,
    table_bgcolor: #F7F9FE,
    table_fontcolor: black,
    table_head_fontcolor: black,
    current_row_color: #BECCEA,
    hover_row_color: rgba(190, 204, 234, 0.4),
    // input
    input_bordercolor: none,
    input_bgcolor: white,
    input_fontcolor: black,
    input_disabled_bordercolor: none,
    input_disabled_bgcolor: none,
    input_disabled_fontcolor: #5f6063,
    // button
    button_color1: #026FFF,
    button_color2: #026FFF,
    native_button_color: white,
    native_button_fontcolor: black,
    pause_button_color: #F4F5F7,
    pause_button_bordercolor: #026FFF,
    pause_button_fontcolor: #1B2B71,
    message_button_color1: #026FFF,
    message_button_color2: #1B2B71,
    message_button_color3: white,
    icon_disabled_button_color: gray,
    //背景
    body_bgcolor: #F4F5F7,
    background_color1: white,
    background_color2: #1B2B71,
    // dialog
    dialog_head_color: #026FFF,
    dialog_body_color: #eff3fb,
    // tree
    tree_color: none,
    tree_content_color: #4086e4,
    tree_bordercolor: #bdb1b1,
    // container
    container_body_color: none,
    // card
    card_color1: #fff,
    card_bgcolor: #fff,
    card_head_bgcolor: none,
    card_head_fontcolor: black,
    card_head_bottom_bordercolor: #e6ebf5,
    card_body_bgcolor: none,
    card_body_fontcolor: black,
    // tab
    tab_head_color: snow,
    tab_item_color: #BECCEA,
    tab_acitive_color: #1B2B71,
    // popover
    popover_bgcolor: none,
    // tagView
    tag_bgcolor: white,
    tag_view_bgcolor: white,
    tag_view_fontcolor: black,
    tag_view_active_bgcolor: orange,
    tag_view_active_fontcolor: white,
    // splitpanes
    splitpanes_color: snow,
    // collapse
    collapse_head_bgcolor: #eff3fb,
    collapse_head_fontcolor: black,
    collapse_body_bgcolor: #fff,
    // checkbox
    checkbox_fontcolor: #606266,
    // radio-button
    radio_color1: #e4e4f6,
    radio_fontcolor1: #898aa7,
    radio_bodrdercolor1: #898aa7,
    radio_color2: #1890ff,
    radio_fontcolor2: #fff,
    radio_bodrdercolor2: #1890ff,
    // pagination
    pagination_btncolor: #f4f4f5,
    pagination_fontcolor: #606266,
    // mask颜色
    mask_color: #026FFF,
    mask_bgcolor: rgba(255,255,255,0.4),
    // divider
    divider_color: #DCDFE6,
    // 其他单组件
    dashboard_bgcolor: rgb(240, 242, 245),
    // 背景渐变
    background_gradient1:#F8FBFD ,
    //边框
    border_color1: #e8ebf0,
    //边框阴影
    box_shadow_color1: rgba(127, 131, 168, 0.2)
  ),
  dark: (
    // 主题
    theme: #6d748b,
    //字体
    font_color1: white,
    font_color2: #9ba0aa,
    form_fontcolor: #9ba0aa,
    //table
    table_double_row_bgcolor: #848ca6,
    table_single_row_bgcolor: #6d748b,
    table_bgcolor: #656a7b,
    table_fontcolor: snow,
    table_head_fontcolor: white,
    current_row_color: orange,
    hover_row_color: darkorange,
    // input
    input_bordercolor: #353842,
    input_bgcolor: #1d212a,
    input_fontcolor: #e5e9f7,
    input_disabled_bordercolor: #4c4e54,
    input_disabled_bgcolor: #4c4e54,
    input_disabled_fontcolor: #9fa2aa,
    // button
    button_color1: #026FFF,
    button_color2: #abb4c7,
    native_button_color: #333,
    native_button_fontcolor: orange,
    pause_button_color: #27354B,
    pause_button_bordercolor: #000000,
    pause_button_fontcolor: snow,
    message_button_color1: #27354B,
    message_button_color2: #000000,
    message_button_color3: white,
    icon_disabled_button_color: #4a4c4f,
    //背景
    body_bgcolor: #0D1118,
    background_color1: #282C3B,
    background_color2: black,
    // dialog
    dialog_head_color: #363842,
    dialog_body_color: #282C3B,
    // tree
    tree_color: #282c3b,
    tree_content_color: #3c82df,
    tree_bordercolor: #282c3b,
    // container
    container_body_color: #282C3B,
    // card
    card_color1: #B3B3C6,
    card_bgcolor: #282C3B,
    card_head_bgcolor: #282C3B,
    card_head_bottom_bordercolor: #282C3B,
    card_head_fontcolor: white,
    card_body_bgcolor: #282C3B,
    card_body_fontcolor: #B3B3C6,
    // tab
    tab_head_color: #282C3B,
    tab_item_color: #8EA5D7,
    tab_acitive_color: #2e78d9,
    // popover
    popover_bgcolor: #282C3B,
    // splitpanes
    splitpanes_color: #363842,
    // collapse
    collapse_head_bgcolor: #282C3B,
    collapse_head_fontcolor: snow,
    collapse_body_bgcolor: #282C3B,
    // tagView
    tag_bgcolor: #282C3B,
    tag_view_bgcolor: white,
    tag_view_fontcolor: black,
    tag_view_active_bgcolor: orange,
    tag_view_active_fontcolor: white,
    // checkbox
    checkbox_fontcolor: #9ba0aa,
    // radio-button
    radio_color: #476087,
    radio_fontcolor: #fff,
    radio_bodrdercolor: #476087,
    radio_color2: #3C5170,
    radio_fontcolor2: #B3B3C6,
    radio_bodrdercolor2: #3C5170,
    // mask颜色
    mask_color: #eae1e1,
    mask_bgcolor: rgba(0,0,0,0.3),
    // divider
    divider_color: none,
    // 其他单组件
    dashboard_bgcolor: #0D1118,
    // pagination
    pagination_btncolor: #909399,
    pagination_fontcolor: gray,
    //背景渐变
    background_gradient1:#DD1C1C,
    //边框
    border_color1: #34383c,
    // 阴影
    box_shadow_color1: rgba(0, 0, 0, 0.4)
  ),
  limer: (
    // 主题
    theme: #00BFB4,
    //字体
    font_color1: black,
    font_color2: black,
    form_fontcolor: #606266,
    //table
    table_double_row_bgcolor: #ddf3f2,
    table_single_row_bgcolor: white,
    table_bgcolor: #c0e4e1,
    table_fontcolor: black,
    table_head_fontcolor: black,
    current_row_color: #96dbd8,
    hover_row_color: #76cec9,
    // input
    input_bordercolor: #96dbd8,
    input_bgcolor: white,
    input_fontcolor: black,
    input_disabled_bordercolor: #cddad9,
    input_disabled_bgcolor: #cddad9,
    input_disabled_fontcolor: #4f5054,
    // button
    button_color1: #01afa5,
    button_color2: #8fc6ce,
    native_button_color: white,
    native_button_fontcolor: black,
    pause_button_color: #F4F5F7,
    pause_button_bordercolor: #00BFB4,
    pause_button_fontcolor: #039189,
    message_button_color1: #00BFB4,
    message_button_color2: #039189,
    message_button_color3: white,
    icon_disabled_button_color: gray,
    //背景
    body_bgcolor: #d0ebe9,
    background_color1: white,
    background_color2: #1B2B71,
    // dialog
    dialog_head_color: #00BFB4,
    dialog_body_color: #d3e9e7,
    // tree
    tree_color: #d3e9e7,
    tree_content_color: #00BFB4,
    tree_bordercolor: none,
    // container
    container_body_color: #d3e9e7,
    // card
    card_color1: #fff,
    card_bgcolor: #fff,
    card_head_bgcolor: none,
    card_head_fontcolor: black,
    card_head_bottom_bordercolor: #e6ebf5,
    card_body_bgcolor: none,
    card_body_fontcolor: black,
    // tab
    tab_head_color: snow,
    tab_item_color: #9fddda,
    tab_acitive_color: #00BFB4,
    // popover
    popover_bgcolor: none,
    // tagView
    tag_bgcolor: white,
    tag_view_bgcolor: white,
    tag_view_fontcolor: black,
    tag_view_active_bgcolor: #00BFB4,
    tag_view_active_fontcolor: white,
    // splitpanes
    splitpanes_color: snow,
    // collapse
    collapse_head_bgcolor: #d3e9e7,
    collapse_head_fontcolor: black,
    collapse_body_bgcolor: #fff,
    // checkbox
    checkbox_fontcolor: #606266,
    // radio-button
    radio_color1: #e4e4f6,
    radio_fontcolor1: #898aa7,
    radio_bodrdercolor1: #898aa7,
    radio_color2: #00BFB4,
    radio_fontcolor2: #fff,
    radio_bodrdercolor2: #00BFB4,
    // pagination
    pagination_btncolor: #d3e9e7,
    pagination_fontcolor: #00BFB4,
    // mask颜色
    mask_color: #019c94,
    mask_bgcolor: rgba(255,255,255,0.4),
    // divider
    divider_color: #DCDFE6,
    // 其他单组件
    dashboard_bgcolor: #9fdcd8,
    // 背景渐变
    background_gradient1:#F8FBFD ,
    //边框
    border_color1: #e8ebf0,
    //边框阴影
    box_shadow_color1: rgba(127, 131, 168, 0.2)
  ),
  pinks: (
    // 主题
    theme: #e47197,
    //字体
    font_color1: black,
    font_color2: black,
    form_fontcolor: #606266,
    //table
    table_double_row_bgcolor: #f4e4e9,
    table_single_row_bgcolor: white,
    table_bgcolor: #f2ceda,
    table_fontcolor: black,
    table_head_fontcolor: black,
    current_row_color: #eaa1ba,
    hover_row_color: #eb80a4,
    // input
    input_bordercolor: #eeceda,
    input_bgcolor: white,
    input_fontcolor: black,
    input_disabled_bordercolor: #f0e0e6,
    input_disabled_bgcolor: #f0e0e6,
    input_disabled_fontcolor: #48484a,
    // button
    button_color1: #e35181,
    button_color2: #eda1be,
    native_button_color: white,
    native_button_fontcolor: black,
    pause_button_color: #F4F5F7,
    pause_button_bordercolor: #e35181,
    pause_button_fontcolor: #c74d76,
    message_button_color1: #e35181,
    message_button_color2: #c74d76,
    message_button_color3: white,
    icon_disabled_button_color: gray,
    //背景
    body_bgcolor: #f4aec6,
    background_color1: white,
    background_color2: #1B2B71,
    // dialog
    dialog_head_color: #e35181,
    dialog_body_color: #fecddc,
    // tree
    tree_color: #fecddc,
    tree_content_color: #eb80a4,
    tree_bordercolor: #fecddc,
    // container
    container_body_color: #fecddc,
    // card
    card_color1: #fff,
    card_bgcolor: #fff,
    card_head_bgcolor: none,
    card_head_fontcolor: black,
    card_head_bottom_bordercolor: #e6ebf5,
    card_body_bgcolor: none,
    card_body_fontcolor: black,
    // tab
    tab_head_color: snow,
    tab_item_color: #e9a5bb,
    tab_acitive_color: #e35181,
    // popover
    popover_bgcolor: none,
    // tagView
    tag_bgcolor: white,
    tag_view_bgcolor: white,
    tag_view_fontcolor: black,
    tag_view_active_bgcolor: #e35181,
    tag_view_active_fontcolor: white,
    // splitpanes
    splitpanes_color: snow,
    // collapse
    collapse_head_bgcolor: #fecddc,
    collapse_head_fontcolor: black,
    collapse_body_bgcolor: #fff,
    // checkbox
    checkbox_fontcolor: #606266,
    // radio-button
    radio_color1: #e4e4f6,
    radio_fontcolor1: #898aa7,
    radio_bodrdercolor1: #898aa7,
    radio_color2: #1890ff,
    radio_fontcolor2: #fff,
    radio_bodrdercolor2: #1890ff,
    // pagination
    pagination_btncolor: #fecddc,
    pagination_fontcolor: #e35181,
    // mask颜色
    mask_color: #d90a4f,
    mask_bgcolor: rgba(255,255,255,0.4),
    // divider
    divider_color: #DCDFE6,
    // 其他单组件
    dashboard_bgcolor: #eabdcc,
    // 背景渐变
    background_gradient1:#F8FBFD ,
    //边框
    border_color1: #e8ebf0,
    //边框阴影
    box_shadow_color1: rgba(127, 131, 168, 0.2)
  ),
  my: (
    // 主题
    theme: #307adc,
    //字体
    font_color1: black,
    font_color2: black,
    form_fontcolor: #606266,
    //table
    table_double_row_bgcolor: var(--table_double_row_bgcolor),
    table_single_row_bgcolor: var(--table_single_row_bgcolor),
    table_bgcolor: var(--table_bgcolor),
    table_fontcolor: var(--table_fontcolor),
    table_head_fontcolor: var(--table_head_fontcolor),
    current_row_color: var(--current_row_color),
    hover_row_color: var(--hover_row_color),
    // input
    input_bordercolor: var(--input_bordercolor),
    input_bgcolor: var(--input_bgcolor),
    input_fontcolor: var(--input_fontcolor),
    input_disabled_bordercolor: var(--input_disabled_bordercolor),
    input_disabled_bgcolor: var(--input_disabled_bgcolor),
    input_disabled_fontcolor: var(--input_disabled_fontcolor),
    // button
    button_color1: var(--button_color1),
    button_color2: var(--button_color2),
    native_button_color: var(--native_button_color),
    native_button_fontcolor: var(--native_button_fontcolor),
    pause_button_color: var(--pause_button_color),
    pause_button_bordercolor: var(--pause_button_bordercolor),
    pause_button_fontcolor: var(--pause_button_fontcolor),
    message_button_color1: var(--message_button_color1),
    message_button_color2: var(--message_button_color2),
    message_button_color3: var(--message_button_color3),
    icon_disabled_button_color: var(--icon_disabled_button_color),
    //背景
    body_bgcolor: var(--body_bgcolor),
    background_color1: var(--background_color1),
    background_color2: var(--background_color2),
    // dialog
    dialog_head_color: var(--dialog_head_color),
    dialog_body_color: var(--dialog_body_color),
    // tree
    tree_color: var(--tree_color),
    tree_content_color: var(--tree_content_color),
    tree_bordercolor: var(--tree_bordercolor),
    // container
    container_body_color: var(--container_body_color),
    // card
    card_color1: var(--card_color1),
    card_bgcolor: var(--card_bgcolor),
    card_head_bgcolor: var(--card_head_bgcolor),
    card_head_fontcolor: var(--card_head_fontcolor),
    card_head_bottom_bordercolor: var(--card_head_bottom_bordercolor),
    card_body_bgcolor: var(--card_body_bgcolor),
    card_body_fontcolor: var(--card_body_fontcolor),
    // tab
    tab_head_color: var(--tab_head_color),
    tab_item_color: var(--tab_item_color),
    tab_acitive_color: var(--tab_acitive_color),
    // popover
    popover_bgcolor: var(--popover_bgcolor),
    // tagView
    tag_bgcolor: var(--tag_bgcolor),
    tag_view_bgcolor: var(--tag_view_bgcolor),
    tag_view_fontcolor: var(--tag_view_fontcolor),
    tag_view_active_bgcolor: var(--tag_view_active_bgcolor),
    tag_view_active_fontcolor: var(--tag_view_active_fontcolor),
    // splitpanes
    splitpanes_color: var(--splitpanes_color),
    // collapse
    collapse_head_bgcolor: var(--collapse_head_bgcolor),
    collapse_head_fontcolor: var(--collapse_head_fontcolor),
    collapse_body_bgcolor: var(--collapse_body_bgcolor),
    // checkbox
    checkbox_fontcolor: var(--checkbox_fontcolor),
    // pagination
    pagination_btncolor: var(--pagination_btncolor),
    pagination_fontcolor: var(--pagination_fontcolor),
    // mask颜色
    mask_color: var(--button_color1),
    mask_bgcolor: rgba(255,255,255,0.4),
    // divider
    divider_color: var(--divider_color),
    // 其他单组件
    dashboard_bgcolor: none,
    // 背景渐变
    background_gradient1:#F8FBFD ,
    //边框
    border_color1: #e8ebf0,
    //边框阴影
    box_shadow_color1: rgba(127, 131, 168, 0.2)
  ),
);

